<!--
 * @Author: error: error: git config user.name & please set dead value or install git && error: git config user.email & please set dead value or install git & please set dead value or install git
 * @Date: 2024-05-18 18:57:01
 * @LastEditors: error: error: git config user.name & please set dead value or install git && error: git config user.email & please set dead value or install git & please set dead value or install git
 * @LastEditTime: 2024-05-18 19:30:05
 * @FilePath: \ken147258.topayClient\src\views\other\payment-management\components\Images.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <el-row important-ml-10px important-mr-10px :gutter="20">
    <el-col :span="6">
      <el-image
        w-200px
        :src="item"
        :preview-src-list="imgsCom"
        v-for="(item, index) in imgsCom"
        :key="index"
      ></el-image
    ></el-col>
  </el-row>
</template>

<script lang="ts" setup>
const props = defineProps({
  imgs: {
    type: Array,
    default: () => [],
  },
});

const imgsCom = computed(() => {
  let result = [];

  result = props.imgs.map((item) => {
    let result = item.image.replace(import.meta.env.VITE_APP_BASE_API, "");

    return import.meta.env.VITE_APP_BASE_API + result;
  });

  return result;
});
</script>

<style lang="scss" scoped></style>
